Top 11 Slick CSS Menu Generator Resources Every Web Developer Should Know

1. Mega Pull Out Menu

featured image

put any content you want in it – a true mega menu

code generator included

Try the demo, examples and contact form generator

More Details

2. Apycom jQuery Menus

Apycom jQuery Menus

Full cross-browser compatibility, Fully accessible even when javascript is turned off, as a pure css menu, Search engines optimized, Clear unordered list (LI and UL HTML tags) structure, Easy to setup and update, Fantastic animation and transition effects, Multiple pre-desinded color schemes, Completely customizable styling with CSS, Powered by jQuery,

Extremely small - 3kb uncompressed

More Details

3. Drag and Drop Menu Generator and Sorter

featured image

This is a CSS menu generator vertical that you can use as a standalone generator for your website to drive traffic or as useful tool to make menu for a website.- add multiple menu items

- generate menu

- copy the CSS button generator straight to your website

More Details

4. UberMenu - WordPress Mega Menu Plugin

featured image

UberMenu is a user-friendly, highly customizable, responsive Mega Menu WordPress plugin. It works out of box with the wordpress 3 dropdown menu Menu System, making simple to get started but powerful enough create highly customized and creative megmenu configurations.Enhanced CSS

Works out of box with most WordPress 3 Menu-Enabled Themes

Integrates directly with WordPress 3 Menu Management System – work with the system that you know and love!

Easily customize colors and font sizes through the UberMenu Style Generator, create your own CSS styles

Use menu with or without jQuery Enhancements

Add an Image to any Menu Item through the Featured Image interface

Add Descriptions to any Menu Item at any level

Support for pure CSS dropdown menu (non-jQuery) menus

Ability create image-only menu items (no text)

Menu is fully widgetized with unlimited widget areas!

Drag and drop Widgets into the menu widget dropdown wordpress areas with ease

Menu styles are CSS-driven

Use of WordPress 3 Menu System

Theme that properly implements WordPress 3 Menu System, using the wp_nav_menu() function with the theme_location parameter.UberMenu will not automatically adopt the style of your theme’s menu. You can change menu that appears on an individual Page Post using Menu Swapper plugin.* Fixed broken Style Generator Preview caused by new colorpickers. Update only necessary if you are using the Style Generator and need Preview functionality

* Added menu item hover border radius for style generator

* CSS Tweaks

* Added Search Bar style settings to Style Generator

* Fixed CSS issue with responsive menu bars button

css into LESS stylesheets for easier customization

* New Feature: Ability to set Hover color for Level Links (Submenu Header Links) in Style Generator

* Added mobile menu interface to all iOS devices (easier closing of menu)

* Improved responsive theme handling to avoid duplicating megmenu

* Various CSS enhancements

* Ability center menu items within HTML menu bar

* Various CSS and JS refinements

* Revised menu item options to use a single variable (increases menu item limit imposed by PHP)

* Enhancement: easy centering of CSS menu bar generator

* Added ability to have transparent dividers and set glow to 0 in Style Generator

com/wordpress-plugins/responsive-wordpress-mega-menu

* wp-uber-menu.* wp-uber-menu-admin.* Menu thumbnail SSL support

* Top level widget capabilty - add a search box widget to your menu bar!

* Auto Align second-level menu items option

* Support for pure CSS dropdown menu (non-jQuery) menus

* Support for image-only menu items (no text)

There were a variety of changes, so if you are upgrading, be sure to back up your old wp-uber-menu folder before installing the new version

2 makes Menu Item Image support more robust. Depending on how the relevant theme is implemented, certain cases it can keep plugin enabling featured images menu items and vice versa.css file if you've made style customizations!

More Details

5. Meganizr - Responsive CSS3 Mega Menu

featured image

Live Color Schemes Generator (+20 options)

Note: The live color scheme generator is just a helper create very easily your custom menu.What a gremenu downv. I’ve purchased many CSS mega menus codecanyon and this one is by far the easiest to customize. Your html & css is extremely clean simple to follow.Amazing menu, very easy to install and customize.

More Details

6. Responsive Animated Circle Menu bundle

featured image

Responsive Animated Circle Menu bundle – Pure CSS3 V.If you are looking for responsive animated circle menu in css category, you have come to the right place. At the moment thmenu has 1 model and 7 skins (more in the near future). Thmenu has been tested with this amazing Responsive Tester. All animations and effects are pure css.Pure CSS

Awesome Description rounded corner gradient image generator

More Details

7. ExplrPHP - Easy Tree Navigation Menu

featured image

ExplrPHP is a simple lightbox script which provides an easy way to generate tree navigation menu in server-side from various sources of formats: usual PHP array, JSON file, XML file, MySQL database table.$explr->set_src('css', 'http://yourdomain.com/path/to/the/explr/css/file/here/jquery-explr-1.css');

More Details

8. Huge Collection of Pure CSS3 Buttons

featured image

Grouped style (you can use it navigation menu)

Fontello : icon fonts generator. Font-Awesome : Iconic font (font + css files)

Ultimate CSS Gradient Generator : A powerful Photoshop-like generator CSS gradient editor from ColorZilla ( you can use generator change colors buttons

More Details

9. iNav - CSS3 Menu

featured image

This is a CSS3 navigation menu mega menu with 4 variants (horizontal, sticky footer, vertical left vertical right), 11 premade color schemes and a lot nice features.Horizontal Menu

Sticky Footer Menu

Vertical Left & Right Menu

Live Color Scheme Generator

Unlimited Menu Levels

If you want to save a lot of time developing you should do what I did, buy this menu, customize it and be happy all day long.“Excellent menu , easy to customize , and the support is great . Fixed some bugs in examples files and live color scheme generator

More Details

10. Mega Navigation Menu Pack With Menu Maker

featured image

It Comes Drop Down Menu Maker Create Menus Quickly.Just Copy Paste Generated Code To Your Web page Add Css And Javascripts And Your menu Is Ready To use…

Included 1 Video Tutorial On How To Use Drop Down Menu Maker Html Documentation On How To Use Css And Javascripts As Per Your Need

60+ Backgrounds Horizontal Drop Down Menu 18+ Background Vertical Drop Down menus

Cross-Platform Compatibility For simple jQuery CSS dropdown menu Maker

Included Javascripts Floating Vertical menu Sticky Vertical Menu

Css For CSS photo slideshow Drop Down Menus

Included Javascript To AuConvert Horizontal Menu To CSS dropdown vertical menu On Scroll

Horizontal Menu Slider

Sticky Floating Menu

Slide Down Menu (Dynamite Menu)

Sucker-fish style Horizontal Menu

Updates In CSS menu dropdown Maker

Added Functionality Add Side Icones Menu Items

Dropdown Menu Maker Can Now Genrate Organized Code With Comments So It’s Easy To Customize

Updated Tutorial For New Javascripts css

More Details

11. Path Style Menu

featured image

Path style menu

This is a multi-level menu inspired Path 2.When user presses or clicks the button, menu items expand and place themselves around main button forming an arc, a circle, line up horizontally or vertically. To close menu the user needs to either selects one of the options presented or press the mabutton again.If multiple levels are nested, then clicking a sub menu will produce the back button allowing the user to go back to the previous menu selection.Fixed the arc style menu on iOS where menu was jumpy when scrolling the page. Fixed inline menu bug where menu items alignment got distorted if scrollbars were present in the page. Added a new option allow stopping an expanded menu from collapsing when clicking in the document window. Menu items could be seen travelling from the top edge of screen towards where the mabutton sits. In Firefox, there was a flicker when expanding the menu, while this fixed before it kept creeping up in later

Fixed an issue on touch devices where the inline menu wasn’t showing at all. menu items would remain partially

Ensured that menu doesn’t get hidden by accident, i. you end up selecting menu in your css when creating

When menu loads the first time, you see it in motion as it hides behind the main button. Removed the requirement for setting icons url in css. You can now setup the entire menu in javascript or do things as

onItemButtonClick—fires for menu item button

Fixed an inconsistency with the automatic expansion of menu page load. using css style the buttons, which was also default in previous versions, will want to prefix menu id with the

CSS menu button generator identifier i. where menu1 is the id of your menu. on the user but this added more room for confusion and more manual steps to make the inlined menu behave as one would expect

This is now handled by menu internally. passed in as an option to menu constructor. When passing a simple set string values to the items property eg: {items: ‘Menu 1’, ‘Menu 2’,

‘Menu 3’} vs the much richer format, value parameter passed to the onSelectedItem event handler turned up null. when menu item is active (i. clicked) which collapses menu items all together, clicking into the document again

expands menu with the clicked element not showing. menu shouldn’t expand nor should the clicked element be

This is to ensure that third party css in page does not affect the

menu. Added support for automatically opening menu page load. Added support for automatically collapsing menu after it was automatically expanded on page load.Added high z-index order support for menu when on inline mode.Added support for docking menu in the Left Top Corner, Right Top Corner and Bottom Right Corner.0++ as it supports css fixed position nicely. Added support for inlining the menu. We now support 11 different styles of laying out the menu:

Added support for multiple instances of menu

Extended api and exposed new methods and properties, specifically ones you can use to add menu items dynamically. scenarios, such as adding menu items at runtime. This resulted in menu not doing

Added a default z-index order to ensure that menu is always above all other elements on the page where it

Added support for closing menu when clicking into the document. to get tooltip on your menu items. onSelectedItem handler now includes the clicked menu items title as well, which is passed in the callbacks

Horizontal scrollbar thickness wasn’t compensated for when placing menu in the lower left corner of the viewport.Fixed positioning bug where if you had only a single menu item and with the proper curve set it would still remain hidden

behind the main menu. Fixed reference only (debug mode) element hierarchy generator where an extrmenu item was included in the output. Basically when you had more than 1 sub level on more than 1 menu item, there

Fixed a bug that affected the menu item. when clicking the menu item it wouldn’t scale out when scrolling

arc menu items can vary in number from submenu to submenu. Now if enableUrlHash is true ( false by default), then when you click on menu item

Documented a debug feature that will print out your menu structure so you can see what your menu’s id’s look like

—now proper cleanup is taking place when menu is disposed of.html that showcases setting the curve pattern of the sub menu items. —Added a demo page which only includes menu reducing chances for distraction.

More Details

12. Bassema Clean CSS3 Dropdown menu

featured image

CSS3 Style Generator

More Details